@charset "utf-8";

 
/* 通用 */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide{z-index: 22;}
.swiper-container-scrollbar .swiper-slide{height: auto;}



/* banner */
.index-section {width:100%;overflow: hidden;}
.index-banner { position:relative;width:100%;display: block;overflow: hidden;} 
.index-banner-swiper {position:relative;width:100%;display: block;overflow: hidden;}
.index-banner-swiper .txt {text-transform: uppercase;width: 1000px;position: absolute;left: 12.5%;top: 60%;margin-top: -200px;z-index: 10;}
.index-banner-swiper .txt h2{font-size: 60px;color: #fff;line-height: 74px; font-weight:100!important}
.index-banner-swiper .txt h2 strong{font-size: 60px;color: #fff;}
.index-banner-swiper .txt h3 {font-weight: normal;font-size: 40px;color: #fff;padding-top: 10px;overflow: hidden;}
.index-banner-swiper .videobtn{margin-top: 10%;}
.index-banner-swiper .videobtn i{width: 54px;height: 54px;border-radius: 50%;display:block;float: left;background: url('../images/play.png');overflow: hidden;position: relative;}
.index-banner-swiper .videobtn i::before,.index-banner-swiper .videobtn i::after {content: '';display: none;border-radius:100%;width: 52px;height: 52px;}
.index-banner-swiper .videobtn i::before{border-top: 1px solid rgba(0,0,0,0);border-right: 1px solid rgba(0,0,0,0);border-bottom: 1px solid rgba(0,0,0, 0);border-left: 1px solid rgba(255,255,255,1);}
.index-banner-swiper .videobtn i::after{}
.index-banner-swiper .videobtn:hover i::before{display:block;-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
.index-banner-swiper .videobtn span{display:block;float: left;padding:5px 0 0 20px;font-size: 14px;line-height: 20px;color: #fff;opacity: .6;}

.index-banner-swiper .img{position: relative; }
.index-banner-swiper .img .mark-top {position: absolute;left: 0;top: 0;width: 100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:9;}
.index-banner-swiper .img img{display: block;width: 100%;height: auto;}
.index-banner-swiper .img video{display: block;height:100vh;}


.video_content {display: none;background: #000; position: fixed;left:0;top:0;width:100%;height: 100%;z-index: 1002;overflow: hidden;}
.video_content .guanbi {top:3%;right: 3%;background: url(../images/guanbi.png)  center no-repeat #fff;z-index: 1000;padding: 10px;border-radius: 100%;}
.showvideo {position: relative;width: 100%;height: 100%;background: #000;display: block;}
.showvideo video {display: block;width: 100%;height:100%;max-height: 100%;}



@keyframes load8{
	0% {
		-webkit-transform: rotate(0deg);transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);transform: rotate(360deg);
	}
}



.index-banner-swiper .banner-slide  {width: 100%; }
.index-banner-swiper .banner-slide.left {width: 100%;  }
.index-banner-swiper .banner-slide .txt h2{transform:translateY(200px);opacity:0;transition:all .4s;}
.index-banner-swiper .banner-slide .txt h2 strong{transform:translateY(200px);opacity:0;transition:all .6s;}
.index-banner-swiper .banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all .9s;}
.index-banner-swiper .banner-slide .videobtn {transform:translateY(200px);opacity:0;transition:all 1.2s;}

.index-banner-swiper .banner-slide.center {text-align: center;}
.index-banner-swiper .banner-slide.center .txt {left:50%;margin-left: -500px;}
.index-banner-swiper .banner-slide.center .videobtn{display: inline-block;text-align: left;}
.index-banner-swiper .banner-slide.right {text-align: right;}
.index-banner-swiper .banner-slide.right .txt {left:auto;right: 10%;}
.index-banner-swiper .banner-slide.right .videobtn{display: inline-block;text-align: left;}
.index-banner-swiper .banner-slide.none .txt{display: none;}


.index-banner-swiper .swiper-slide.swiper-slide-active .txt h2,
.index-banner-swiper .swiper-slide.swiper-slide-active .txt h2 strong,
.index-banner-swiper .swiper-slide.swiper-slide-active .txt h3,
.index-banner-swiper .swiper-slide.swiper-slide-active .videobtn{ transform:translateY(0px);opacity:1;}

.swiper-ctrl {position: absolute;right: 3%;bottom: 6%;width: 220px;z-index: 11;}
.swiper-ctrl .relative{position: relative;}

.index-banner-swiper .swiper-pagination {position: absolute;left: auto;right:0;top:50%;bottom: auto;margin-top: -11px;color: #5b7b93;font-size: 16px;}
.index-banner-swiper .swiper-pagination span {color: #fff;font-size: 16px;opacity: .2;}
.index-banner-swiper .swiper-pagination .swiper-pagination-current  {color: #fff;opacity: 1;}
.index-banner-swiper .swiper-button-next,.index-banner-swiper .swiper-button-prev {position: absolute;left: auto;right:auto;width: 45px;text-transform: uppercase;color: #fff;font-size: 12px;line-height: 44px;opacity: .2;}
.index-banner-swiper .swiper-button-next:hover,.index-banner-swiper .swiper-button-prev:hover {opacity: 1;}
.index-banner-swiper .swiper-button-next {background: url('../images/next.png') right center no-repeat;right: 0;}
.index-banner-swiper .swiper-button-prev {background: url('../images/prev.png') left center no-repeat;left: 0;text-align: right;}

.scrolldown {position: absolute;left:3%;bottom: 5%;z-index: 4;}
.scrolldown a{display:block;width: 40px;height: 38px;background: url('../images/down.png') center no-repeat;position: relative;overflow: hidden;}
.scrolldown a i {display: block;position: absolute;left: 0;top: 0px; width: 40px;height: 38px;background: url('../images/down1.png') center no-repeat;}
.scrolldown a:hover i {-webkit-animation: topdown 1000ms infinite;animation: topdown 1000ms infinite;}
@keyframes topdown{0% { top:0px;} 50%{ top:5px; }100%{ top:0px; }}


.index-main {width: 100%;height: 100%;position: relative;}
.height-auto {height: auto!important;-webkit-box-sizing: border-box;box-sizing: border-box;}
.fullscreen .index-business {height: 100%;}
.fullscreen .index-section-swiper.swiper-container {height: 100%;} 
.fullscreen .index-section-swiper.swiper-container .swiper-wrapper {height: 100%;} 
.fullscreen .index-section{height:100%;}
.fullscreen .index-banner {height:100%;}
.fullscreen .index-section .index-banner-swiper{height:100%;}






/* business */
.index-business {width: 100%;overflow: hidden;}
.index-business *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.ibusiness {height: 100%; position: relative;width: 25%;float: left;overflow: hidden;}
.ibusiness .txt {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10; text-align: center;color: #fff;}
.ibusiness .txt *{font-weight: normal;}
.ibusiness .txt h5{font-size: 18px;padding-bottom:3%;}
.ibusiness .txt h3{font-size: 32px;}
.ibusiness .txt h4{font-size: 26px;}
.ibusiness .txt line{display: block;width: 90px;height: 2px;margin: 30px auto;background: #fff;}
.ibusiness .content{height:0px;padding:0px;overflow: hidden;color: #fff;font-size: 14px;line-height: 36px;margin: auto;width: 100%;}
.ibusiness .content a {display: inline-block;color: #fff;font-size: 16px;line-height: 36px;}
.ibusiness .content a:hover {text-decoration: underline;}
.ibusiness .viewmore{width: 160px;margin:100px auto auto auto;overflow: hidden;}
.ibusiness .viewmore a{background:none;border: 1px #fff solid;display: block;line-height: 50px;padding-left:40px;font-size: 12px;color: #fff;position: relative;text-align: left;}
.ibusiness .viewmore a i{display: block;width: 18px;height: 10px;position: absolute;right:15%;top: 50%;margin-top: -5px;background: url("../images/viewmore1.png") no-repeat;}
.ibusiness .viewmore a:hover {background: #fff;color: #1a1a1a;}
.ibusiness .viewmore a:hover i{background: url("../images/viewmore.png") no-repeat;}
.ibusiness .img{width: 100%;height: 100%;position: relative;background-position:center;background-repeat: no-repeat;background-size: cover;}
.ibusiness .img .mark-img {width: 100%;height: 100%;position:absolute;left: 0;top: 0;background:rgba(7,9,18,.8);}
.ibusiness .img img{display: block;width: 100%;height:auto;opacity: 1;}
.ibusiness:hover .img .mark-img{background:rgba(7,9,18,.4);}
.ibusiness:hover .content{height:auto;max-height: 200px;padding: 3% 0;}					 
.fullscreen .ibusiness .img img{opacity: 0;}


.ibusiness .content a:hover{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; margin-left:5px; color:#6eb92b}

/* caseshow */
 
.index-caseshow {background: #fff;}
.index-caseshow .content {width:auto;overflow: hidden;margin: auto;padding: 6% 6% 5% 6%;position: relative;}
.title-1 {}
.title-1 h3{color: #1a1a1a;font-size: 40px;text-transform: uppercase;}
.title-1 h4{color: #1a1a1a;font-size: 26px;position: relative;}
.title-1 h4 i{display:inline-block;vertical-align: middle;width: 50px;height: 2px;background: #00adee;margin-left: 20px;}

.index-caseshow .content .title-1 {width: 35%;float: left;}
.index-caseshow-nav {width: 60%;padding-top:2%;overflow: hidden; float: right;text-align: right;}
.index-caseshow-nav a.cur::before,.index-caseshow-nav a.cur::after {display: block;}
.index-caseshow-nav a::before,.index-caseshow-nav a::after {content: '';display: none;width: 6px;height: 8px;position: absolute;top: 50%;margin-top: -4px;}
.inav a{font-size: 16px;color: #808080;display: inline-block;padding: 0 20px;position: relative;overflow: hidden;} 
.inav a.cur {color: #00adee;} 
.inav a:hover{color: #00adee;} 
.inav a::before {background: url('../images/nav-cur.png') left center no-repeat;left:5px;}
.inav a::after  {background: url('../images/nav-cur.png') right center no-repeat;right:5px;}


.index-caseshow-list {overflow: hidden;clear: both;position: relative;padding: 50px 0;}
.index-caseshow-list-swiper {position: relative;overflow: hidden;}
.icases {position: relative;overflow: hidden;width: 32.777777%;float: left; margin-right: 0.5%;margin-bottom: 0.5%;}
.icases a {display: block;overflow: hidden;position: relative;}
.icases .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3; text-align: center;display: none;}
.icases .txt h4{font-size: 18px;color: #fff;}
.icases .txt h6{font-size: 12px;color: #fff;font-weight: normal;padding:30px 0;overflow: hidden;opacity: .6;}
.icases .img{background-size: 102%;background-position: center center;background-repeat: no-repeat;background-color: #000;}
.icases .img img{display: block;width: 100%;height: auto;}
.icases a:hover .txt{display: block;}	
.icases.ic3,.icases.ic6 {margin-right: 0;}
.icases a:hover .img {background-size: 110%;}
.icases a:hover .img img {background: rgba(0,0,0,.5);}

.index-caseshow-list-viewmore {width: 130px;margin:30px 0 0 0;overflow: hidden;}
.index-caseshow-list-viewmore a {color: #1a1a1a;font-size: 12px;position: relative;line-height: 45px;text-transform: uppercase; display: block; border-bottom: 1px solid #1a1a1a;}
.index-caseshow-list-viewmore a::before {content: '';display: block;width: 0px;height: 1px;background: #00adee;position: absolute;bottom: -1px;left: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-caseshow-list-viewmore a i {display: block;width: 8px;height: 12px;position: absolute;right: 5%;top: 50%;margin-top: -6px; background: url("../images/viewmore2.png");}
.index-caseshow-list-viewmore a:hover {color: #00adee;}
.index-caseshow-list-viewmore a:hover::before {width: 100%;}
.index-caseshow-list-title {font-size: 140px;color: #f6f6f6;position: absolute;bottom:5%;right:6%;text-transform: uppercase;}




/* technology */
.index-creative-technology {background: #171921;}
.index-creative-technology .content {width:auto;overflow: hidden;margin: auto;padding: 10% 0 5% 6%;position: relative;}
.title-2 {width: 40%;float: left;}
.title-2 h3{color: #fff;font-size: 30px;text-transform: uppercase;}
.title-2 h3 strong {color: #fff;font-size: 30px;text-transform: uppercase;}
.title-2 h4{color: #fff;font-size: 30px;position: relative;}
.title-2 h4 i{display:block;vertical-align: middle;width: 50px;height: 2px;background: #00adee;margin-top: 20px;}
.title-2 h5 {color: #616166;font-size:16px;padding-top: 30px;overflow: hidden;line-height: 28px;font-weight: normal;width: 80%;}
.index-creative-technology-nav {width:55%;padding-top:7.3%;padding-right: 5%; overflow: hidden; float: right;text-align: right;}
.index-creative-technology-nav a.cur::before,.index-creative-technology-nav a.cur::after {display: block;}
.index-creative-technology-nav a::before,.index-creative-technology-nav a::after {content: '';display: none;width: 6px;height: 8px;position: absolute;top: 50%;margin-top: -4px;}



.index-creative-technology-swiper {position: relative;overflow: hidden;padding:50px 0 0 0;width:100%;clear: both;}
.index-creative-technology-swiper::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 20px; background: #2c2e38;}
.index-creative-technology-swiper a {display: block;overflow: hidden;position: relative;}
.index-creative-technology-swiper .img {position: relative;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.index-creative-technology-swiper .img .mark-img {overflow: hidden;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:2;}
.index-creative-technology-swiper .img .mark-img img{display: block;width: 100%;height: auto;opacity: 1;}
.index-creative-technology-swiper .img img{display: block;width: 100%;height: auto;opacity: 0;}
.index-creative-technology-swiper a:hover .img {background-size: 110%;}
.index-creative-technology-swiper .txt {overflow: hidden;position: absolute;width: 94%;padding: 5% 3%; left: 0;bottom: 0;z-index: 3;}
.index-creative-technology-swiper .txt strong{float: left;width:70%;display: block;font-size: 18px;color: #fff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.index-creative-technology-swiper .txt span {float: left;width:30%;display: block;font-size: 12px;line-height: 24px;font-weight: normal;opacity: .4; color: #fff;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
.line-dot{width: 50px;height:30px; background: #171921;margin:40px auto auto;position: relative;}
.line-dot *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.line-dot::before {content: '';position: absolute;width:1px;height: 20px;left:50%;top: -30px;margin-left: -0.5px; background: #2c2e38;display:block;}
.line-dot li {width:18px;height: 18px;border: 2px solid #2c2e38;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.line-dot i{display: block;width: 4px;height:4px;border-radius:10px;margin:7px;background: #2c2e38;overflow: hidden;}
.index-creative-technology-swiper .swiper-slide:hover .line-dot li{border: 2px solid #fff;}
.index-creative-technology-swiper .swiper-slide:hover .line-dot li i{background: #238eeb;}
.index-creative-technology-swiper .swiper-slide:hover .line-dot::before { background: #727272;}


/* newmedia */
.index-newmedia {background: #171921;}
.index-newmedia .content {width:auto;overflow: hidden;margin: auto;padding:3% 6% 5% 6%;position: relative;}
.index-newmedia .newmedia-swiper {position: relative;z-index: 4;}
.index-newmedia .pic {position: relative;float: left;width:50%;background: #000;}
.index-newmedia .pic .mark-img{overflow: hidden;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:2;}
.index-newmedia .pic .img{z-index: 3;position: relative;background-size:cover;background-position: center;background-color: #000;}
.index-newmedia .pic .img img{display: block;width: 100%;height: auto;opacity: 0;}
.index-newmedia .pic .img h4 {position: absolute;bottom: 6%;left:6%;display: block;font-size: 18px;color: #fff;}
.index-newmedia .pic .colorpiece {background: #152836;width: 240px;height: 210px;position: absolute;left: -30px;top: -30px;z-index: 1;}
.index-newmedia .text {float: left;width: 40%;margin-left: 7%;padding-bottom: 5%; background: url("../images/dlist.png") right bottom no-repeat;}
.index-newmedia .text .title-2{width: 100%;margin-top: 5%;float: none;}
.index-newmedia .text .title-2 h5 {width: 90%;}
 
.newmedia-nav {position: relative;overflow: hidden;padding: 5% 0;clear: both;}
.newmedia-nav a.cur h6::before,.newmedia-nav a.cur h6::after {display: block;}
.newmedia-nav a h6::before,.newmedia-nav a h6::after {content: '';display: none;width: 6px;height: 8px;position: absolute;top: 50%;margin-top: -4px;}
.newmedia-nav a{width: 20% ;text-align: center; color: #808080;border: 1px solid #2f3038;display: inline-block;padding: 15px 20px;margin-right: 1%;margin-bottom: 1%; position: relative;overflow: hidden;} 
.newmedia-nav a h6 {width: 70%;font-weight: normal;font-size: 14px;position: relative;display: inline-block;padding: 0 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newmedia-nav a.cur h6{color: #00adee;} 
.newmedia-nav a:hover h6{color: #fff;} 
.newmedia-nav a h6::before {background: url('../images/nav-cur.png') left center no-repeat;left:0;}
.newmedia-nav a h6::after  {background: url('../images/nav-cur.png') right center no-repeat;right:0;}
.newmedia-nav a.cur  {border: 1px solid #00adee;}
.newmedia-nav a:hover {border: 1px solid #fff;}



/* service */
.index-service {background: #101118 url("../upload/service1.jpg") center top no-repeat;min-height: 400px;}
.index-service .content {width:auto;overflow: hidden;margin: auto;padding:8% 6% 5% 6%;position: relative;}
.title-3 {float: left;width: 50%;}
.title-3 *{font-weight: normal;color: #fff;}
.title-3 h3{font-size: 50px;}
.title-3 h3 strong{font-size: 50px;}
.title-3 h3 sup{font-size: 25px;vertical-align: super;}
.title-3 h3 i{font-size: 12px;margin-left: -15px;text-transform: uppercase;}
.title-3 h4{font-size: 26px;}
.title-4 {float: right;width: 50%;text-align: right;margin-top: 1%;}
.title-4 h4{color: #fff;font-size: 16px;text-transform: uppercase;padding: 3px 0;}
.title-4 h4 strong{font-weight: normal;color: #fff;}
.title-4 i {width: 40px; height: 2px;background: #fff;margin: 10px 0;display: inline-block;}


.index-service-swiper {position: relative;padding:10% 0 5% 0;overflow: hidden;}
.index-service-swiper .swiper-slide *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-service-swiper::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 105px; background: #2c2e38;}
.index-service-swiper .text {padding-left:15%;overflow: hidden;}
.index-service-swiper .text i{display: block;margin: 5px 0;width: 35px;height: 45px;}
.index-service-swiper .text i img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.index-service-swiper .text h4{color: #83848c;font-size: 18px;}
.index-service-swiper .text line{display: block; width: 30px;height: 1px;background: #83848c;margin: 10px 0;}
.index-service-swiper .text ul{overflow: hidden;padding: 1% 0;}
.index-service-swiper .text ul li{color: #5f6067;font-size: 12px;line-height: 30px;min-height: 150px;max-height: 150px;overflow: hidden;}
.line-dot1 {width: 50px;height:30px; background: #101118;margin:40px 0 0;position: relative;}
.line-dot1::before {content: '';position: absolute;width:1px;height: 1000%;left:50%;bottom:40px;margin-left: -0.5px; background: #2c2e38;display:block;}
.line-dot1 *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.line-dot1 li{width:18px;height: 18px;border: 2px solid #2c2e38;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.line-dot1 li i{display: block;width: 4px;height:4px;border-radius:10px;margin:7px;background: #2c2e38;overflow: hidden;}
.index-service-swiper .swiper-slide:hover .line-dot1 li {border: 2px solid #00adee;}
.index-service-swiper .swiper-slide:hover li i {background: #00adee;}
.index-service-swiper .swiper-slide:hover .line-dot1::before { background: #00adee;}
.index-service-swiper .swiper-slide:hover .text h4{color: #00adee;}
.index-service-swiper .swiper-slide:hover line{width:100px;background: #00adee}
.index-service-swiper .swiper-slide:hover ul li{color: #fff;}
.index-service-swiper .swiper-slide:hover .text i img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}



/* news */
.index-news {background: #fff;}
.index-news .content {width:auto;overflow: hidden;margin: auto;padding:10% 6% 5% 6%;position: relative;}
.index-news .content .title-1 {float: left;width: 50%;}
.index-news-viewmore {float: right;width: 130px;margin:30px 0 0 0;overflow: hidden;}
.index-news-viewmore a {color: #1a1a1a;font-size: 12px;position: relative;line-height: 45px;text-transform: uppercase; display: block;border-bottom: 1px solid #1a1a1a;}
.index-news-viewmore a i {display: block;width: 8px;height: 12px;position: absolute;right: 5%;top: 50%;margin-top: -6px; background: url("../images/viewmore2.png");}
.index-news-viewmore a::before {content: '';display: block;width: 0px;height: 1px;background: #00adee;position: absolute;bottom: -1px;left: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-news-viewmore a:hover {color: #00adee;}
.index-news-viewmore a:hover::before {width: 100%;}
.index-news-list {clear: both;overflow: hidden;padding: 5% 0;}
.inews {float: left;width: 31.3333333%;margin-right: 3%;}
.inews:last-child {margin-right:0;}
.inews a{display: block;overflow: hidden;}
.inews a .img{background-size: 100%;background-position: center;}
.inews a .img img{display: block;width: 100%;height: auto;}
.inews a .txt{padding: 3% 0;overflow: hidden;}
.inews a .txt h6{font-size: 12px;color: #1a1a1a;font-weight: normal;padding-bottom: 10px;}
.inews a .txt h6 i {display: inline-block;vertical-align: middle;margin-right: 20px;height: 1px;width: 40px;background: #1a1a1a;}
.inews a .txt h3{padding-left: 60px; font-size: 18px;color: #1a1a1a;}
.inews a:hover .img{background-size: 110%;}
.inews a:hover h3 {color: #00adee;}
.is3,.is6,.is9 {margin-right: 0;}



/* customers */
.title-5 {text-align: center;}
.title-5 h3{color: #1a1a1a;font-size: 40px;text-transform: uppercase;}
.title-5 h4{color: #1a1a1a;font-size: 26px;position: relative;font-weight: normal;}
.title-5 h4 i{display:inline-block;vertical-align: middle;width:30px;height: 2px;background: #00adee;margin:0 10px;}
.index-customers {background: #f5f5f7;}
.index-customers .content{width:auto;overflow: hidden;margin: auto;padding:8% 0;position: relative;}
.index-customers-swiper {overflow: hidden;}
.index-customers-swiper .img{background: #fff;height: 200px; text-align: center;}
.index-customers-swiper .img img {display: inline-block;vertical-align: middle;}
.index-customers-swiper.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:linear;}
.customers-1{padding-top:5%;}
.customers-2{padding-top:10px;}



.index-banner-swiper .swiper-button-next,.index-banner-swiper .swiper-button-prev,.ibusiness .txt h5,.ibusiness .viewmore a,.index-caseshow-list-viewmore a,.title-3 h3 i,footer .footer .content .right .tel,.culture-txt li h6,.page-honorary-swiper .swiper-pagination,.pavilion .txt h6,.page-turn a,.play h6,.technology-main .list li .txt h6 {font-weight: normal;font-family: 'Montserrat-Light',Arial, Helvetica}
.index-caseshow-list-title,.title-2 h3,.title-4 h4,.page-banner .title h2 {font-weight: normal;font-family: 'Montserrat-Hairline',Arial, Helvetica}
.index-banner-swiper .txt h2 strong,.index-banner-swiper .swiper-pagination span,.ibusiness .txt h3,.title-1 h3,.title-2 h3 strong,.title-3 h3 strong,.title-3 h3 sup,.title-4 h4 strong,.title-5 h3,.aside-top a .telshow h3,.page-about-txt-title h2,.page-honorary-nav a h3,.page-banner .title h2 strong,.page-turn a.prev,.page-turn a.next,.detail-turn a h6,.news-detail-left .title .time h4,.page-contact-txt .right li h4,.join i,.page-contact-txt .right li h4 a{font-weight: normal;font-family: 'Montserrat-Bold',Arial, Helvetica;}

.index-banner-swiper .txt h2{ font-family:'Montserrat-Bold'}









.title{ height:733px;  margin:auto; width:1200px; padding-top:130px}

.about{ width:536px; height:575px; float:left; margin-top:100px }

.ab-1{ margin:auto; width:536px; height:0px; position: relative;clear: both; z-index:100;  }
.ab-2 {
    margin: auto;
    width: 180px;
    padding-left: 356px;
    height: 269px;
    position: absolute;
    clear: both;
    margin-top: 276px;
}
.ab-m1-1{ width:180px;float:left; }
.ab-m1{ width:90px; height:90px; float:left; background:#323232}
.ab-m2{ width:90px; height:90px; float:right; background:#0075c1; font-size:80px; color:#FFFFFF; text-align:center; line-height:90px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:50px 	}
.ab-m2 a{color:#FFFFFF; }
.ab-m3{ width:90px; height:209px; float:right; background:#fff; z-index:3; margin-top:-125px; }

.about1{ width:466px; float:left; margin-left:25px }
.about1 h3{ width:560px; float:left; font-size:30px; color:#434343; font-weight:300; padding-left:66px; padding-bottom:20px;line-height:45px;  height:256px; }
.about1 h3 span{ font-size:55px;  text-transform:uppercase; font-weight:900; font-family: 'Montserrat-Bold'; line-height:55px; color:#0075c1}
.about1 h3 em{ font-size:20px; color:#434343; letter-spacing:0px; font-style:normal; font-weight:normal;line-height:30px;}

.about2{width:560px; float:left; background:#fff;padding-left:66px; height:219px; padding-top:40px; padding-right:40px; padding-bottom:40px; font-size:15px; line-height:28px;}


.about3{width:416px; float:left; background:url(../images/a1.jpg) no-repeat right; height:58px; text-align:right; padding-right:120px; font-family:'Barlow-Regular'; padding-top:30px; color:#b6b6b6 ; font-size:16px}

.about4{ width:560px; float:left; display:flex; flex-direction:row; margin-left:66px; margin-top:50px}
.about4 li{ flex:1; list-style:none; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	}
.about4 li:hover{ transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:-10px; }
	.about4 li:hover div{color:#0360bf}
	.about4 li:hover .line{ width:100%;  background: #0360bf;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; }
	
	
.about4 li .shuzi_1{ font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#5a5a5a; text-align:center}
.about4 li .shuzi_1 span{ font-size:16px; margin:0 5px}
.about4 li .line{ width:60%; height:1px; background: #5a5a5a ; margin:10px auto; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
.about4 li .shuzi_2{ font-size:16px; color:#5a5a5a; text-align:center}




@media all and (max-width:550px){
	
#d3{ background-size:150%}
	
.section-wrap .section .title p{ text-align:left}
.ibusiness .txt h3{ text-align:center}
.about{ display:none}

.about1{ width:90%;  float:none; margin-left: 10%;}

.title {
    height: 733px;
    margin: auto;
    width: 100%;
    padding-top: 60px;
}
.about1 h3 {
   width: 100%;
    float: none;
    font-size: 18px;
    color: #434343; padding-left:0;line-height: 35px; padding-bottom:0; height:226px; text-align:left
 
}
.about1 h3 span {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Montserrat-Bold';
    line-height: 35px;
    color: #0075c1; text-align:left
}
.about1 h3 em{ font-size: 18px;}


.about2 {
    width:87%;
    float: none;
    background: #fff;
    padding-left: 5%;
    height: auto;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    font-size: 14px;
    line-height: 26px;
}






}